<template>
  <div class="search_1">
    <div class="ETMainHeader">
      <el-input  class="SearchBox" placeholder="输入关键字搜索" v-model="searchInput" @keyup.enter.native="handleSearch">
        <el-button type="primary" slot="append" icon="el-icon-search" @click="handleSearch">搜索</el-button>
      </el-input>
    </div>
    <!-- <div><el-skeleton :rows="10" /></div>
    <div></div> -->
  </div>
</template>

<script>
export default {
  name: 'ETMain',
  data () {
    return {
      searchInput : "",
      search:"",
    }
  },
  methods: {
    handleSearch(){
      this.search=this.searchInput;
      this.$bus.$emit('getsearch',this.search);//数据传到GroupA拦截
    },
  }
}
</script>

<style scoped>
  
  .ETMainHeader{
    
    height: 60px;
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }
  .SearchBox{
    width: 500px;
    /* float: right; */
    padding: 10px 30px 10px 0px;
  }
  
</style>

